import React from 'react'
import {IndexRoute, Route } from 'react-router'
import App from './App'
import About from './About'
import Repos from './Repos'
import Index from './Index'
import Context from './Context'

const Repo = ({params}) => (
  <div>
		<h3>use this.props.params</h3>
		<div>{params.userName + ':' + params.repoName}</div>
	</div>
)

module.exports = (
  <Route path="/" component={App}>
    <Route path="index" component={Index}/>
    <Route path="/repos" component={Repos}>
  	  <Route path="/repos/:userName/:repoName" component={Repo}/>
  	</Route>
    <Route path="/about" component={About}/>
    <Route path="/context" component={Context}/>
  </Route>
)

